<template>
  <div class="all">
    <div class="header">
      <Header></Header>
    </div>
    <div class="box">
      <div class="menu">
        <Menu></Menu>
      </div>
      <div class="content">
        <router-view/>
      </div>
    </div>
  </div>
</template>

<script>

import Header from "@/components/index/header";
import Menu from "@/components/index/menu";

export default {
  name: "index",
  components: {Menu, Header},
}
</script>

<style scoped lang="scss">

.all {
  padding: 0;
  margin: 0;

  .header {

    height: 100px;
    border-bottom: 2px solid #f4f4f4;

  }

  .box {
    display: flex;

    .menu {

      width: 15%;
      height: 100%;

    }

    .content {

      width: 85%;
      height: 100%;

    }
  }
}

</style>